/* i - Search Bar */
.dropdown-container {
    position: absolute;
    top: 70px;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    border-radius: 25px !important; /* Forzar redondeo */
    box-shadow: 0 0 0 1px #ccc; /* Opcional: refuerza el borde */
    overflow: hidden; /* Asegura que el contenido interno también respete el redondeo */
}

@media (max-width: 768px) {
    .dropdown-container a,
    .dropdown-container li,
    .dropdown-container span {
        color: red;
    }
}

  
  .dropdown-column {
    /* width: 50%;
    box-sizing: border-box; */
    width: 100%; /* Ajusta para ocupar todo el ancho disponible en móviles */
    border-right: none; /* Elimina el borde derecho en dispositivos móviles */
    margin-bottom: 10px; /* Espacio entre columnas en móviles */
  }
  
  .dropdown-column h4 {
    margin: 0;
    padding: 10px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  
  .dropdown-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: auto;
  }
  
  .dropdown-list li {
    padding: 10px;
    cursor: pointer;
  }
  
  .dropdown-list li:hover {
    background-color: #f0f0f0;
  }
  
  /* .header-dropdown { */
    /* font-weight: bold; 
    text-align: center;
    font-size: 15px;
    color: black !important;
    background-color: #f9f9f9;
    /* height: 33px; 
    padding-block: 5px;
    border-bottom: 1px solid #ccc;
  }*/

.header-dropdown {
    margin-top: 10px; /* Espacio entre categorías y productos en móviles */
    margin-bottom: 5px; /* Espacio inferior en móviles */
    font-weight: bold; /* Añade negrita para categorías y productos */
}
  
  /* f - Search Bar */
    .img-square {
        aspect-ratio: 1 / 1;
        object-fit: contain;
        border-radius: 4px;
    }

    .text-limit1{
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical; 
      overflow: hidden;
    }

    .text-limit2{
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; 
      overflow: hidden;
    }
    
    .text-limit3{
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; 
      overflow: hidden;
    }

    .text-limit-top {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-word;
      max-width: 100%; 

      line-height: 1.2em;
      height: 3.6em;
  }

    .text-limit-top a {
      display: block;
      color: inherit;
      text-decoration: none;
  }

    .text-limit-producto {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-word;
      max-width: 100%;

      line-height: 1.2em;
      height: 3.6em;
  }

    .text-limit-producto a {
      display: block;
      color: inherit;
      text-decoration: none;
  }

  
    
    /* i - estilos paginación */
    .page-link{
      color:black !important;
    }
    
    .active>.page-link, .page-link.active {
      background-color:#ea8947 !important;
      border-color:#ea8947 !important;
      color:white !important;
    }

    .pagination { 
      --bs-pagination-padding-x: 1rem !important;
      --bs-pagination-padding-y: .8rem !important;
    }

    .text-muted{
      color: white !important;
    }
    /* f - estilos paginación */

    .text-limit1{
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical; 
      overflow: hidden;
    }

    /* noUiSlider */
    #slider-round {
      height: 10px;
  }
  
  #slider-round .noUi-connect {
      background: #ea8947;
  }
  
  #slider-round .noUi-handle {
      height: 18px;
      width: 18px;
      top: -5px;
      right: -9px; /* half the width */
      border-radius: 9px;
      border: 1px solid #ea8947;
  }

  .noUi-handle::before,
.noUi-handle::after {
    content: none !important;
    display: none !important;
}
.noUi-connect::before,
.noUi-connect::after,
.noUi-origin::before,
.noUi-origin::after {
    content: none !important;
    display: none !important;
}